/**
 * ******************************************************************************************************
 * @App: angularPractice
 * @author: carrie
 * @type: scss
 * @src: app.components.scss
 * @descriptions:
 * 主页布局
 *
 * ******************************************************************************************************
 */
.mainBody {
  display: flex;
  flex-direction: column;
  height: 100vh;

}

.panel {
  display: flex;
  height: 100%;
}

.router-view {
  width: 100%;
}

nav{
  background: #fffdf1;

  .nav {

    li {
      background: #869dad;
      border-bottom: 1px solid white;
      &:hover{
        background: #50565c;
      }
      a {
        color: white;
      }

      .active{
        background: #3d4349;
      }
    }
  }

}




